<!DOCTYPE html>
<html>
	<head>
<!-- https://webgradients.com/   -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="./wow/css/animate.css">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<script src="./bootstrap/js/bootstrap.min.js"></script>

		<title>三峡职业学院博客系统</title>
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			width: 100%;
			height: 100%;
		}

		.header {
			position: fixed;
			top: 10px;
			height: 50px;
			width: 100%;
			text-align: center;
		}

		.register {
			padding: 30px;
			max-width: 400px;
			background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
			width: 90%;
			margin: 0 auto;
			color: white;
			text-align: center;
			border: 1px #146C43 dotted;
			box-shadow: 1px 1px 20px #0C4128;
			border-radius: 5px;
		}

		#mainContainer {
			height: 100%;
			width: 100%;
			display: flex;
			align-items: center;
			background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
		}

		form>.row {
			margin-bottom: 20px;
		}

		.footer {
			height: 50px;
			background-color: #C1D6CC;
			position: fixed;
			bottom: 0px;
			width: 100%;
			text-align: center;
			padding: 20px;
		}

		#gotoRegister {
			width: 86%;
			margin: 0 auto;
		}
		/* form div.row>div:nth-child(1){
			text-align: right;
		} */
		.alginRight{
			text-align: right;
		}
	</style>
	<body>
		<div class="header">
			<h3 class="mt-1">多用户博客系统</h3>
		</div>
		<div id="mainContainer">
			<div class="wow bounceInDown bg-purple register container">
				<div class="row  ">
					<h3>用户注册</h3>
					<hr>
				</div>
				<form action="" method="post">

					<div class="row">
						<div class="col-5 alginRight ">
							用户名:
						</div>
						<div class="col-7">
							<input type="text" class="form-control" name="" id="" value="" />
						</div>
					</div>
					<div class="row">
						<div class="col-5 alginRight ">
							密码:
						</div>
						<div class="col-7">
							<input type="password" class="form-control" name="" id="" value="" />
						</div>
					</div> 
					<div class="row">
						<div class="col-5  alginRight ">
							重复密码:
						</div>
						<div class="col-7">
							<input type="password" class="form-control" name="" id="" value="" />
						</div>
					</div>
					<div class="row">
						<div class="col-5 alginRight ">
							生日:
						</div>
						<div class="col-7">
							<input type="date" class="form-control" name="" id="" value="" />
						</div>
					</div>
					<div class="row">
						<div class="col-5 alginRight ">
							性别:
						</div>
						<div class="col-3">
							<input type="radio" name="sex" checked="checked" value="男" />男

						</div>
						<div class="col-4">
							<input type="radio" name="sex" id="" value="女" />女
						</div>
					</div>

					<div class="row">
						<div class="col-6">
							<input class=" form-control btn btn-dark" type="reset" value="重置" />
						</div>
						<div class="col-6">
							<input class=" form-control btn btn-success" type="submit" value="提交" />
						</div>
					</div>
					<div class="row">
						<div class="col-12">
							<a href="./login.html"><button type="button"
									class=" form-control btn btn-info">已有账号去登录</button>
							</a>
						</div>

					</div>


				</form>
			</div>
		</div>
		<div class="footer">
			<h6>版权声明：物联网19级</h6>
		</div>



		<script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
		<script>
			if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
				new WOW().init();
			};
		</script>

	</body>
</html>
